<template>
  <el-container style="height: 100vh">
    <el-aside width="auto">
      <CommonAside></CommonAside>
    </el-aside>
    <el-row type="flex" class="admin-main__wrap">
      <CommonHeader></CommonHeader>
      <el-main>
        <router-view></router-view>
        <el-backtop target=".el-main">
          <i class="fa fa-angle-double-up" aria-hidden="true"></i>
        </el-backtop>
      </el-main>
    </el-row>
  </el-container>
</template>

<script>
import CommonHeader from '@/components/common/CommonHeader'
import CommonAside from '@/components/common/CommonAside'
export default {
  components: {
    CommonHeader,
    CommonAside
  }
}
</script>

<style lang="scss">
.el-aside {
  box-shadow: 4px 0px 4px rgba(98, 98, 99, 0.1);
}
.admin-main__wrap {
  width: 100%;
  flex-flow: column;
}
</style>
